<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<style type="text/less">
		.my(@w,@h){
			width: @w;
			height: @h;
		}
		.border(@b,@s,@c:green){
			border:@b @s @c;
		}
		.border2(@a,@b,@c){
			border:@arguments
		}
		.app{
			.one{
				.my(200px,300px);
				.border(3px,solid,red);
			}
			.two{
				.my(100px,200px);
				.border2(1px,solid,green);
			}
		}
	</style>
	<script src="lib/less.min.js"></script>
</head>
<body>
<div class="app">
	<div class="one">11111</div>
	<div class="two">22222</div>
	<div class="three">33332</div>
</div>
</body>
</html>